<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="AXUM中文网为你提供了企业级axum Web开发中所需要的大部分知识。从基础知识到企业级项目的开发，都有完整的系列教程。更难得的是，除了文字教程，我们还录制了配套的视频教程，方便你以多种形式进行学习。 "
    />
    <meta name="keyword" content="axum,企业开发,教程,视频教程,axum.rs" />
    <meta name="author" content="axum.rs (team@axum.rs)" />
    <link href="/static/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/static/css/index.css" rel="stylesheet" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.font.im/css2?family=Montserrat:wght@300&display=swap"
      rel="stylesheet"
    />
    <title>AXUM中文网 - 带你使用 axum 构建企业应用 - axum.rs</title>
    <link rel="icon" href="/static/img/logo.svg" type="image/svg+xml" />
    <link rel="alternate icon" href="/static/img" type="image/png" />
    <meta
      property="og:title"
      content="AXUM中文网 - 带你使用 axum 构建企业应用 - axum.rs"
    />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="/static/img/logo.png" />
    <meta property="og:url" content="https://axum.rs/" />
    <meta
      property="og:description"
      content="AXUM中文网为你提供了企业级axum Web开发中所需要的大部分知识。从基础知识到企业级项目的开发，都有完整的系列教程。更难得的是，除了文字教程，我们还录制了配套的视频教程，方便你以多种形式进行学习。"
    />
    <meta property="og:site_name" content="AXUM中文网" />
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
      <div class="container">
        <a class="navbar-brand" href="/"
          ><img src="/static/img/logo.svg" alt="logo" style="height: 32px"
        /></a>
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarNav"
          aria-controls="navbarNav"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div
          class="collapse navbar-collapse justify-content-end"
          id="navbarNav"
        >
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="/">首页</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/subject">专题</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/topic">文章</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/tag">标签</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/about">关于</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <header class="page-header gradient">
      <div class="container pt-3">
        <div class="row align-items-center justify-content-center">
          <div class="col-md-5">
            <h2>使用 AXUM 构建你的 Web 应用</h2>
            <p>
              AXUM中文网(axum.rs)为你提供了企业级Web开发中所需要的大部分知识。从基础知识到企业级项目的开发，都有完整的系列教程。更难得的是，除了文字教程，我们还录制了配套的视频教程，方便你以多种形式进行学习。
            </p>
            <a href="/subject" class="btn btn-outline-light btn-lg">开始学习</a>
            <a href="/video" class="btn btn-outline-warning btn-lg" target="_blank">视频教程</a>
          </div>
          <div class="col-md-5">
            <img
              src="/static/img/email_campaign_monochromatic.svg"
              alt="使用AXUM构建你的WEB应用"
            />
          </div>
        </div>
      </div>
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
        <path
          fill="#fff"
          fill-opacity="1"
          d="M0,160L48,165.3C96,171,192,181,288,192C384,203,480,213,576,202.7C672,192,768,160,864,160C960,160,1056,192,1152,202.7C1248,213,1344,203,1392,197.3L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"
        ></path>
      </svg>
    </header>
    <section class="icons">
      <div class="container">
        <div class="row text-center">
          <div class="col-md-4">
            <div class="icon gradient mb-4">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                class="bi bi-layers"
                viewBox="0 0 16 16"
              >
                <path
                  d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l2.922-1.559a.5.5 0 0 0 0-.882l-7.5-4zm3.515 7.008L14.438 10 8 13.433 1.562 10 4.25 8.567l3.515 1.874a.5.5 0 0 0 .47 0l3.515-1.874zM8 9.433 1.562 6 8 2.567 14.438 6 8 9.433z"
                />
              </svg>
            </div>
            <h3>手把手教学</h3>
            <p>
              我们的所有教程都提供文字和视频两种方式教学，手把手教你学会AXUM开发。
            </p>
          </div>
          <div class="col-md-4">
            <div class="icon gradient mb-4">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                class="bi bi-phone"
                viewBox="0 0 16 16"
              >
                <path
                  d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"
                />
                <path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
              </svg>
            </div>
            <h3>企业级项目</h3>
            <p>精选多个企业级项目进行教学，让你学完就能胜任企业要求。</p>
          </div>
          <div class="col-md-4">
            <div class="icon gradient mb-4">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                fill="currentColor"
                class="bi bi-code"
                viewBox="0 0 16 16"
              >
                <path
                  d="M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z"
                />
              </svg>
            </div>
            <h3>开放源代码</h3>
            <p>
              我们的所有项目都是开放源代码的，你既可以对照学习，也可以在实际项目中使用。
            </p>
          </div>
        </div>
      </div>
    </section>

    <section class="services gradient">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
        <path
          fill="#fff"
          fill-opacity="1"
          d="M0,0L48,32C96,64,192,128,288,154.7C384,181,480,171,576,144C672,117,768,75,864,69.3C960,64,1056,96,1152,117.3C1248,139,1344,149,1392,154.7L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"
        ></path>
      </svg>

      <div class="container">
        <div class="row align-items-center justify-content-center">
          <div class="col-md-5">
            <a
              href="/subject/roaming-axum"
              class="btn btn-outline-warning mb-3"
            >
              漫游AXUM
            </a>
            <h1>在漫游中积累AXUM开发技能</h1>
            <p>
              我们提供了不同阶段所需要的 AXUM
              开发技能，让你一步一步实现从零到企业级项目的开发。
            </p>
          </div>
          <div class="col-md-5">
            <img src="/static/img/coding_.svg" alt="Service image" />
          </div>
          <div class="col-md-5">
            <img src="/static/img/marketing.svg" alt="Service image" />
          </div>
          <div class="col-md-5">
            <a
              href="/subject/todo-service"
              class="btn btn-outline-warning mb-3"
            >
              Todo服务
            </a>
            <h1>麻雀虽小，五脏俱全</h1>
            <p>
              我们的实战项目从一个待办事项服务开始。虽然它是一个很简单的应用，但它包含AXUM开发的很多内容。
            </p>
          </div>
          <div class="col-md-5">
            <a href="/subject" class="btn btn-outline-warning mb-3">
              继续努力
            </a>
            <h1>胜利的号角已经吹响</h1>
            <p>
              学习完Todo服务之后，我们继续学习<a
                href="/subject/short-url"
                class="text-reset"
                >短链接</a
              >、<a href="/subject/blog" class="text-reset">博客</a>、<a
                href="/subject/mall"
                class="text-reset"
                >商城</a
              >以及<a href="/subject" class="text-reset">更多项目</a
              >的学习。终将登上AXUM颠峰！
            </p>
          </div>
          <div class="col-md-5">
            <img src="/static/img/revenue_.svg" alt="Service image" />
          </div>
        </div>
      </div>
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
        <path
          fill="#fff"
          fill-opacity="1"
          d="M0,160L60,181.3C120,203,240,245,360,256C480,267,600,245,720,218.7C840,192,960,160,1080,149.3C1200,139,1320,149,1380,154.7L1440,160L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
        ></path>
      </svg>
    </section>
    <section class="contact">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-5">
            <h1>联系我们：</h1>
            <div class="mb-3">
              <label for="contact-email" class="form-label">电子邮件：</label>
              <input
                type="email"
                class="form-control-plaintext"
                readonly
                disabled
                id="contact-email"
                value="team@axum.rs"
              />
            </div>
            <div class="mb-3">
              <label for="contact-tg" class="form-label">电报群：</label>
              <input
                type="text"
                class="form-control-plaintext"
                readonly
                disabled
                id="contact-tg"
                value="t.me/axumrs"
              />
            </div>
            <h1>捐助我们：</h1>
            <div class="mb-3">
              <label for="donate-eth" class="form-label">ETH</label>
              <input
                type="text"
                class="form-control-plaintext"
                readonly
                disabled
                id="donate-eth"
                value="0x6c590427448548D80945C938c060E12Ec8C74d9c"
              />
            </div>
            <div class="mb-3">
              <label for="donate-xrm" class="form-label">XRM</label>
              <input
                type="text"
                class="form-control-plaintext"
                readonly
                disabled
                id="donate-xrm"
                value="48YeQoqNV6xA7iDDePGgPPYFaC5qY958ZUcALbaTSX8m8wzHEa4tFGLRYGCSVgugPLPsNo7dpqcBMJpFQPCxPTnz5hXZbpr"
              />
            </div>
          </div>
          <div class="col-md-5">
            <img src="/static/img/handshake.svg" alt="Contact image" />
          </div>
        </div>
      </div>
    </section>

    <footer class="gradient">
      <div class="container-fluid text-center">
        <span
          >❤️ <a href="https://AXUM.RS" class="text-uppercase">AXUM.RS</a></span
        >
      </div>
    </footer>

    <script src="/static/js/bootstrap.bundle.min.js"></script>
  </body>
</html>
